<template>
  <div>
    <el-menu class="el-menu-demo"
             mode="horizontal"
             @select="handleSelect">
      <el-menu-item index="1"
                    style="width: 200px;">问卷信息</el-menu-item>
      <el-menu-item index="2"
                    style="width: 200px;">问卷数据</el-menu-item>
      <el-menu-item index="3"
                    style="width: 200px;">邀请人设置</el-menu-item>
      <el-menu-item index="4"
                    style="width: 200px;">答题人员信息</el-menu-item>
      <el-menu-item index="5"
                    style="width: 200px;">问卷预览</el-menu-item>

    </el-menu>

  </div>
</template>

<script  setup >


// 全量引入格式化工具 请按需保留
import {
  getDictFunc,
  formatDate,
  formatBoolean,
  filterDict,
  ReturnArrImg,
} from '@/utils/format'
import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive, nextTick } from 'vue'
import { useRoute, useRouter } from "vue-router"
const { query, params } = useRoute();   //2.在跳转页面定义router变量，解构得到指定的query和params传参的参数
defineOptions({
  name: 'QuestionnaireInfo',
})
const router = useRouter()

const handleSelect = (key) => {
  var path = ''
  if (key == 1) {
    path = '/questionnaireInfo/detailedInfo'
  } else if (key == 2) {
    path = '/questionnaireInfo/data'
  } else if (key == 3) {
    path = '/questionnaireInfo/invitation'
  } else if (key == 4) {
    path = '/questionnaireInfo/people'
  } else if (key == 5) {
    path = '/questionnaireInfo/questionnaireContentView'
  }
  router.push({
    path: path,
    query: {
      uuid: router.currentRoute.value.query.uuid
    }
  })
}




</script>

